.container{
    background-color: white;
    height: 100%;
}
.abc {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 对动画的关键帧进行设置*/ @keyframes myani {

    0%, 25% {
margin-left: 0;
}
35%, 50% {
margin-left: -100%;
}
60%, 75% {
margin-left: -200%;
}
85% ,100%{
margin-left: -300%;
}

}
  

.swiper {
    /* width: 89.52vw; */
    overflow: hidden;
    /* height: 27.47vw; */
     /* margin: 3.45vh 0 6.15vh 3.74vw; */
     margin: 3.45vh 0 6.15vh 3.745vw;
border-radius:17px;
/* box-shadow:  4px 5.5px 5.5px -2.5px #6666; */
}
.swiper .swiper_wrap{
    /* width: 370.08vw; */
    display: flex;
    /* animation: myani 8s ease-out infinite; */
}
.swiper img{
    width: 92.51vw;
    height: 119px;
    /* width: 92.52vw; */
    height: 31.9vw;
}
.egg{
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
    margin-bottom: 16vw;
}
.egg .egg_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.egg .egg_wrap img:first-child{
    z-index: 10;
    width: 39.45vw;
    animation: zy 1s .15s linear infinite;
    padding: 50px;
    margin-top: -50px;
}

.egg .egg_wrap img:last-child{
    width: 52.27vw;
    height: 11.5vw;
    margin-top: -75px;
}

.egg .fst{
    margin-bottom: 10px;
    font-size: 13pt;
}

.egg .word{
    flex-direction: column;
}
.egg .word span{
    font-size: 17pt;
    display: flex;
    align-items: baseline;
}
.egg .price{
    margin: 20px 0;
}

.egg .word .content{
    font-size: 11pt;
    color: #8a8a8a;
    margin-top: 19px;
    z-index: 10;
    margin-bottom: -23px;
}

.xieyi {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
    margin-top: -20px;
    right: 10px;
}

 .xieyi img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

 .xieyi p {
    color: #3c3c3c;
    font-size: 11pt;
}


@-webkit-keyframes zy{
   10% {
transform: rotate3d(0,0,-0,25deg);
}
20% {
transform: rotate3d(30,20,15,-15deg);
}
30% {
transform: rotate3d(40,40,30,15deg);
}
40% {
transform: rotate3d(40,60,50,-10deg);
}
50%, 100% {
transform: rotate3d(20,40,-10,0deg);
}
}
@keyframes zy{
10% {
transform: rotate3d(0,0,-0,25deg);
}
20% {
transform: rotate3d(30,20,15,-15deg);
}
30% {
transform: rotate3d(40,40,30,15deg);
}
40% {
transform: rotate3d(40,60,50,-10deg);
}
50%, 100% {
transform: rotate3d(20,40,-10,0deg);
}

}
@-o-keyframes zy{
10% {
transform: rotate3d(0,0,-0,25deg);
}
20% {
transform: rotate3d(30,20,15,-15deg);
}
30% {
transform: rotate3d(40,40,30,15deg);
}
40% {
transform: rotate3d(40,60,50,-10deg);
}
50%, 100% {
transform: rotate3d(20,40,-10,0deg);
}
}

@-moz-keyframes zy{
10% {
transform: rotate3d(0,0,-0,25deg);
}
20% {
transform: rotate3d(30,20,15,-15deg);
}
30% {
transform: rotate3d(40,40,30,15deg);
}
40% {
transform: rotate3d(40,60,50,-10deg);
}
50%, 100% {
transform: rotate3d(20,40,-10,0deg);
}
}

.btn.single{
    width:68.32vw;
    margin-bottom: 20px;
}

.btn.single.top{
    width:68.32vw;
    margin-bottom: 20px;
    margin-top: -2px;
}
.long_img{
    width: 100vw;
}
.word .word_price{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -11px;
}

.egg .small{
    font-size: 9pt;
}
.egg .location{
    display: flex;
    margin-top: -3px;
    margin-bottom: 15px;
}
.egg .location img{
    width: 11pt;
    height: 11pt;
    margin-right: 5px;
}

.egg .location .small{
    margin: 0;
}
